<template>
   <div class="global-com">
    <h5 class="title">{{ msg }}</h5>
    <P class="title">深度选择器</P>
    <button @click="edit">点击按钮修改文本内容</button>
   </div>
</template>


<script setup>
import { ref } from 'vue';

let msg = ref("全局组件");
function edit() {
    msg.value = "修改后的全局组件";
}
</script>

<style>
.global-com {
    border: 1px solid black;
    height: 100px;
    flex: 1;
}

</style>